﻿@{ Layout = null;}
<html>
@Html.Partial("_Reference")
<body class="loginpage">
    <div class="loginpanel">
        <div class="loginpanelinner">
            <div class="logo animate0 bounceIn">
                <img src="~/Content/images/photo.jpg" />
            </div>
            <form id="login" action="@Url.Action("Dashboard","Home")" method="post">
                <div class="inputwrapper login-alert">
                    <div class="alert alert-error">Invalid username or password</div>
                </div>
                <div class="inputwrapper animate1 bounceIn" style="padding-bottom:10px">
                    <input type="text" name="username" id="username" placeholder="Tài khoản" />
                </div>
                <div class="inputwrapper animate2 bounceIn" style="padding-bottom:10px">
                    <input type="password" name="password" id="password" placeholder="Mật khẩu" />
                </div>
                <div class="inputwrapper animate3 bounceIn">
                    <button name="submit">Đăng nhập</button>
                </div>

            </form>
        </div><!--loginpanelinner-->
    </div><!--loginpanel-->
    <div class="loginfooter">
        <p>&copy; 2013 by MK.</p>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#login').submit(function () {
                var u = jQuery('#username').val();
                var p = jQuery('#password').val();
                if (u == '' && p == '') {
                    jQuery('.login-alert').fadeIn();
                    return false;
                }
            });
        });
    </script>
</body>
</html>
